.topmenu {
    width: 100%;
    background-image: url("../img/menu/topmenubg.png");
    background-repeat: repeat-x;
    /*overflow: hidden;*/
    height: 43px;
    /*text-align: center;*/
    /*z-index: 1;*/
}

.mainmenu {
    width: 100%;
    background-image: url("../img/menu/mainmenubg.png");
    background-repeat: repeat-x;
    /*overflow: hidden;*/
    height: 63px;
    /*text-align: center;*/
    /*z-index: 3;*/
}
ul.topnavi {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.topnavi * {
    margin:0; 
    padding:0
}

ul.topnavi a {
    display: block;
    color: #000;
    text-decoration:none
}

ul.topnavi li {
    position: relative;/*������硫���� ���吏�������*/
    float: left;/*硫���� ������������*/
    margin-right:2px;
    /*height:25px; */

}

ul.topnavi ul {
    position:absolute; 
    top:40px;
    left:0; 
    background:#FFF; /*��쇱そ��щ갚���*/
    display:none; 
    opacity: 0; 
    list-style:none;
}

ul.topnavi ul li {
    position:relative; 
    border:1px solid #aaa; 
    border-top:none; 
    width:148px; 
    margin:0;
}

ul.topnavi ul li a {
    display:block; 
    padding:3px 7px 5px; /*������硫���� 媛�寃�*/
    background-color:#FFF; /*������硫���� ��곗륫 ���*/
}

ul.topnavi ul li a:hover {
    background-color:#c5c5c5; /*��������� ������*/
}

ul.topnavi ul ul {
    left:148px; 
    top:-1px;
}

ul.topnavi.menulink {
    border:1px solid #aaa; 
    /*padding:5px 7px 7px; */
    font-weight:bold; 
    /*background:url(../img/menu/header.gif); */
    width:134px;
}

ul.topnavi.menulink:hover, ul.topnavi.menuhover {
    /*background:url(../img/menu/header_over.gif);*/
}

ul.topnavi.sub {
    background:#d1d1d1 url(../img/menu/arrow.gif) 136px 8px no-repeat;
}

ul.topnavi.topline {
    border-top:1px solid #aaa;
}


ul.mainnavi {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.mainnavi * {
    margin:0; 
    padding:0
}

ul.mainnavi a {
    display: block;
    color: #000;
    text-decoration:none
}

ul.mainnavi li {
    position: relative;/*������硫���� ���吏�������*/
    float: left;/*硫���� ������������*/
    margin-right:2px;
    /*height:25px; */

}

ul.mainnavi ul {
    position:absolute; 
    top:60px;
    left:0; 
    background:#FFF; /*��쇱そ��щ갚���*/
    display:none; 
    opacity: 0; 
    list-style:none;
}

ul.mainnavi ul li {
    position:relative; 
    border:1px solid #aaa; 
    border-top:none; 
    width:148px; 
    margin:0;
}

ul.mainnavi ul li a {
    display:block; 
    padding:3px 30px 5px; /*������硫���� 媛�寃�*/
    background-color:#FFF; /*������硫���� ��곗륫 ���*/
}

ul.mainnavi ul li a:hover {
    background-color:#c5c5c5; /*��������� ������*/
}

ul.mainnavi ul ul {
    left:148px; 
    top:-1px;
}

ul.mainnavi.menulink {
    border:1px solid #aaa; 
    /*padding:5px 7px 7px; */
    font-weight:bold; 
    /*background:url(../img/menu/header.gif);*/
    width:134px;
}

ul.mainnavi.menulink:hover, ul.mainnavi.menuhover {
    /*background:url(../img/menu/header_over.gif);*/
}

ul.mainnavi.sub {
    background:#d1d1d1 url(../img/menu/arrow.gif) 136px 8px no-repeat;
}

ul.mainnavi.topline {
    border-top:1px solid #aaa;
}

.mainmenu a img{
    -webkit-transition : 0.3s ease-in-out;
    -moz-transition : 0.3s ease-in-out;
    -o-transition : 0.3s ease-in-out;
    transition : 0.3s ease-in-out;
}

.mainmenu a img:hover{
    opacity : 0.4;
    filter : alpha (opacity = 40);
}
